<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML>
<html>
<head>
    <base href="<%=basePath%>">
    <title>个人信息</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <%--<meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />--%>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- 加载CSS样式 -->
    <link href="css/PersonInfo_Css.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/except/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="/except/js/jquery.form.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
    <script type="text/javascript" src="js/user/userinfo.js"></script>
    
    <link href="css/lCalendar.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/lCalendar.js"></script>
     
    <script>
        function back() {
            window.history.back(-1);
        }
    </script>
    <style>
    	.other_item_birthday {
		    width: 100%;
		    height: 50px;
		    line-height: 50px;
		    background-color: white;
		}
		
		.other_item_birthday span {
		    vertical-align: middle;
		    margin-left: 10px;
		    float: left;
		    font-size: 16px;
		    padding-right:10px;
		}
		.other_item_birthday p{
			float: right;
			position:relative;
		}
		.other_item_birthday input {
		    position:absolute;
		    right:0;
		    top:0;
		    vertical-align: middle;
		    text-align: right;
		    margin-right: 10px;
		    height:30px;
		    margin-top:10px;
			opacity:0;
			z-index:100;
		}
    </style>
</head>

<body style="background-color: #f4f4f4;font-family: '微软雅黑';">
<!-- 头像选取 -->
<form id="userfrm" action="/except/usercontroller/edituserinfo.controller" method="post" enctype="multipart/form-data">
    <jsp:include page="/public.jsp"/>
    <input type="hidden" id="hidesex" name="sex"/>
    <input type="hidden" id="hidebirthday" name="birthday"/>
    <input type="hidden" id="json" name="json"/>
    <div class="head_item">
        <span>头像</span>
        <input type="file" id="headimg_file" style="display: none;" name="headimg" onchange="changeimg(this)"/>
        <img src="img/head.png" id="headimg" onclick="file_click();" onerror="imgerror(this, 'img/head.png');"/>
    </div>
    <hr style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>

    <div class="other_item_nackname">
        <span>昵称</span>
        <input placeholder="请输入昵称" id="nickname" name="nickname"/>
    </div>
    <hr style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>

    <div class="other_item_sex" onclick="showPopup()">
        <span>性别</span>
        <span class="sex" id="sex">女</span>
    </div>
    <hr style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>
     <div class="other_item_birthday" onclick="">
        <span>宝宝生日</span>
        <p>	
        	<span id="birthday"></span>
        	<input style='opacity:0' type='date' id="birthdaydate"/>
        </p>
        
    </div>
    <hr style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>


    <div class="other_item_bind_phone" id="binding_phone" onclick="location.href='/except/files/user/binding_phone.jsp'">
        <span>绑定手机</span>
        <input readonly="readonly" id="phone" name="phone"style="color: #999999;"/>
    </div>
    <hr style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>

    <div class="other_item_address" onclick="location.href = '/except/files/user/user_auth_apply.jsp'">
        <span>实名认证</span>
        <img src="img/jiantou.png"/>
    </div>

    <div class="clearboth"></div>

    <div class="other_item_address" onclick="location.href = '/except/files/user/my_shop_address.jsp'">
        <span>我的收货地址</span>
        <img src="img/jiantou.png"/>
    </div>
    <div class="save" onclick="edituserinfo();">
        <span>保&nbsp;&nbsp;存</span>
    </div>
</form>

<div id="background"
     style="background: rgba(0,0,0,0.5);height: 100%;width: 100%;position: fixed;top: 0;display: none;"></div>
<div class="cqchoosenum">

    <div class="div_bottoms">
        <ul class="uls">
            <li onclick="chose(1)"><span>男</span></li>
            <hr style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>
            <li onclick="chose(2)"><span>女</span></li>
            <hr style="height: 1px; width: 97%; float: right; background-color: #f4f4f4; border: none;"/>
            <li onclick="showPopup();"><span>取消</span></li>
        </ul>
    </div>
</div>
<script>
	$(function(){
		$(".other_item_birthday input").change(function(){
			$(this).prev("span").html($(this).val());
		})
	})
</script>
<jsp:include page="/files/public_hint.jsp" />
</body>
</html>